<template>
	<view class="view-list">
		<view class="view-list-cell" v-for="(item,index) in listData" :key="index">
			<view class="view-list-item">
				<view class="view-list-item-title">
					<view class="view-list-item-title-left">
						<text class="view-list-item-title-text">{{item.goodsName}}</text>
						<text class="view-list-item-title-status" v-if="isSelf">我的求购</text>
						<text class="view-list-item-title-status" v-if="isQuote && !isSelf ">已报价</text>
						<text class="view-list-item-title-status" v-if="!isQuote && !isSelf">未报价</text>
					</view>
					<view class="view-list-item-title-right">
						<image src="../../static/ibs/img_comm_time.png" ></image>
						<text class="view-list-item-title-timetext" >{{item.publishTime}}</text>
					</view>
				</view>
				<view class="view-list-centent">
					<view class="view-list-centent-left">
						<view class="view-list-item-row2">
							<text class="view-list-item-row-left">产　地: {{item.countryOrigin}}</text>
							<text class="view-list-item-row-right">厂　号: {{item.vendorNo}}</text>
						</view>
						<view class="view-list-item-row3">
							<text class="view-list-item-row-left">求购地: {{item.city}}</text>
							<text class="view-list-item-row-right">求　购: {{item.weight}}吨</text>
						</view>
						
					</view>
					<view class="view-list-item-pricebtn">
						<button type="">报价</button>
						
					</view>
					
				</view>
				<view class="view-list-item-bgline"></view>
				<view class="view-list-foot">
					<view class="view-list-foot-left">
						<view class="view-list-foot-left-text">采购意向价格: {{item.intentPrice}}</view>
					    <view class="view-list-foot-left-text">买家联系方式: {{item.contactMobileNo}}</view>
					    <view class="view-list-foot-left-text-botton">要求: {{item.remarkDemand}}</view>
				    </view>
					<view class="view-list-item-see">
						<image src="../../static/ibs/img_comm_see.png" mode=""></image>
						<text class="view-list-item-see-text">查看</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		props:['listData'],
			
	
	}
</script>

<style>
.view-list-item{

	background:#FFFFFF ;
	margin-top: 20upx;
	padding-left: 20upx;
	padding-right: 20upx;
	padding-top: 30upx;
	padding-bottom: 20upx;
}

.view-list-item-title{
	display: flex;
	justify-content: space-between;
}

.view-list-item-title-left{
	display: flex;
	justify-content: flex-start;
}
.view-list-item-title-right{
    height: 20upx;
	line-height: 20upx;
	display: flex;
	justify-content: flex-start;
	padding-top: 6upx;
	
}
.view-list-item-title-text {
	font-size: 30upx;
	color: #1a1a1a;
	height: 32upx;
	line-height: 32upx;
}
.view-list-item-title-status{
	border-radius:15upx ;
	height: 32upx;
	text-align: center;
	line-height: 32upx;
	border: 2upx solid #f5b431;
	font-size: 20upx;
	font-weight: bold;
	color: #F5B431;
	display: flex;
	justify-content: center;
	margin-left: 20upx;
	padding-left: 10upx;
	padding-right: 10upx;
	
}
.view-list-item-title-right image {
	width: 20upx;
	height: 20upx;
	
}

.view-list-item-title-timetext {
	font-size: 20upx;
	color: #737880;
	padding-left: 10upx;
	
}
.view-list-item-row2 {
	display: flex;
	justify-content: flex-start;
	font-size: 26upx;
	color: #1A1A1A;

	
}
.view-list-item-row-left {
	width: 260upx;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	
}
.view-list-item-row-right {
	width: 280upx;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	
}

.view-list-item-row3 {
	display: flex;
	justify-content: flex-start;
	font-size: 26upx;
	color: #1A1A1A;
	padding-top: 20upx;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;


	
}
.view-list-centent{
	display: flex;
	padding-top: 30upx;

	justify-content: space-between;
	align-items: center;
	align-content: center;
	
}
.view-list-item-pricebtn button{
   width: 120upx;
   height: 48upx;
   background: #077131;
   color: #FFFFFF;
   font-size: 28upx;
   line-height: 48upx;
   border-radius: 24upx;
}
.view-list-item-bgline{
	border: 1upx  #E6e6e6 dashed;
	margin-top: 30upx;

}

.view-list-foot{
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin-top:20upx;

}
.view-list-foot-left{

	border-right:1upx  #E6e6e6 solid;
	
}
.view-list-foot-left-text {

	font-size:24upx;
	color:#4c4c4c;
	height:24upx;
	line-height:24upx;
	padding-bottom: 20upx;
	width: 534upx;
}
.view-list-foot-left-text-botton{
	font-size:24upx;
	color:#4c4c4c;
	height:24upx;
	line-height:24upx;
}

.view-list-item-see{
	width:128upx;
	align-items: center;
	align-content: center;
	display:flex;
	justify-content:center;
}
.view-list-item-see image {
	width:36upx;
	height:36upx;
}
.view-list-item-see-text {
	 font-size:28upx;
	 color:#077131;
	 padding-left:8upx;
}

</style>
